<div class="home" ng-init="init()">
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide" ng-repeat="it in banners track by $index">
        <a><img ng-src="{{it.url}}"></a>
      </div>
    </div>
    <div class="swiper-pagination"></div>
  </div>

  <div class="home-nav">
    <div class="home-item" ui-sref="search">
      <span class="add-create-icon"></span>
      <div>创建策略</div>
    </div>
    <div class="home-item" ng-click="yiyuan_click()">
      <span class="yiyuan-icon"></span>
      <div>一元体验</div>
    </div>
    <!-- <div class="home-item" ui-sref="novice">
      <span  class="xinshou-icon"></span>
      <div>新手引导</div>
    </div> -->
    <div class="home-item" ui-sref="notice_list">
      <span class="notice-icon"></span>
      <div>公告信息</div>
    </div>
  </div>

  <div class="home-list-tab">
    <div>
      <span ng-click="home_list_actived='report'" ng-class="{'actived':home_list_actived==='report'}">最优策略</span>
      <span ng-click="home_list_actived='create'" ng-class="{'actived':home_list_actived==='create'}">最新动态</span>
    </div>
    <div ng-click="go_more()">
      <span ng-bind="home_list_actived==='report'?'更多策略':'更多动态'"></span>
      <span></span>
    </div>
  </div>

  <div class="home-list-report" ng-show="home_list_actived==='report'">
    <div class="item" ng-repeat="item in home_list_report|orderBy:'-sort_person_rate'|limitTo:5 track by $index" ng-click="go_detail(item)">
      <i></i>
      <div>
        <div>
          <span ng-bind="item.product_name"></span>
          <span style="display: inline-block;width:2.2rem;" ng-bind="item.product_code"></span>
          <span class="home-list-report-gray">保证金</span>
          <span ng-bind="item.deposit_balance"></span>
        </div>
        <div>
          <span ng-bind="item.person_rate||'0.00%'" ng-class="{'global_color_red':item.sort_person_rate>0,'global_color_green':item.sort_person_rate<0,'global_color_gray':item.sort_person_rate==0}"></span>
          <span class="home-list-report-gray">买价</span>
          <span ng-bind="item.open_price"></span>
          <span class="home-list-report-gray">卖价</span>
          <span ng-bind="item.close_price"></span>
        </div>
        <div>
          <span class="home-list-report-gray">收益率</span>
          <span class="home-list-report-gray">数量</span>
          <span ng-bind="item.open_amount"></span>
          <span class="home-list-report-gray">盈亏</span>
          <span ng-bind="item.allot_balance" ng-class="{'global_color_red':item.allot_balance>0,'global_color_green':item.allot_balance<0,'global_color_gray':item.allot_balance==0}"></span>
        </div>
      </div>
    </div>
  </div>

  <div class="home-list-create" ng-show="home_list_actived==='create'">
    <div class="item" ng-repeat="item in home_list_create|limitTo:5 track by $index">
      <div>
        <i></i>
        <span ng-bind="item.mobile"></span>
        <span ng-bind="item.time_interval|time_interval"></span>
      </div>
      <div>
        <span ng-bind="item.product_name+' '+item.product_code"></span>
        <span ng-bind="item.strategy_name" class="global_color_red"></span>
        <span>买入</span>
        <span ng-click="go_strategy(item)">创建</span>
      </div>
    </div>
  </div>
</div>